<template>
  <div class="container">
    <!-- 轮播图
    <swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500">
      <block v-for="(item,index) in bannerImg" :key='index'>
        <swiper-item>
          <image :src="imgUrl+item" class="slide-image"/>
        </swiper-item>
      </block>
    </swiper>
    商品介绍
    <div class="mall" v-for="(item,index) in mallList" :key="index">
      <h5 class="mall_name">{{item.title}}</h5>
      <p class="mall_dec">
        {{item.descript}}
      </p>
      <p class="pay_type">
        <span class="pay_credit">
          <img :src="ImgBaseUrl +'jifentubiao@2x.png'" class="mall_icon"> {{item.credit}}
        </span>
        <span class="pay_pricce">
          <img :src="ImgBaseUrl +'renminbinfuhao@2x.png'"  class="mall_icon"> {{item.price}}
        </span>
      </p>
      <p class="mall_item">
        <del class="original_price">原价 {{item.origin_price}}</del>
        <span class="sell_num">销量{{item.sales_num}}</span>
      </p>
      <div class="tip">
        <img :src="ImgBaseUrl +'meikaziying1@2x.png'" alt="" class="tip_img">
      </div>
    </div> -->

  </div>
</template>
<script>
export default {
  data () {
    return {
      indicatorDots: true,
      autoplay: false,
      interval: 5000,
      duration: 1000,
      imgUrl: "https://img.ameimeika.com/",
      ImgBaseUrl: "https://h5.ameimeika.com/mp_images/",
      mallId: 69,
      user_id: 0,
      mallList: [],
      bannerImg: []
    };
  },
  onLoad: function (options) {

  },
  mounted () {
    // this.getMall();
  },
  methods: {}
};
</script>
<style scoped>
.container .swiper {
  width: 100%;
  height: 375px;
  background-color: lightblue;
}
.slide-image {
  width: 100%;
  height: 100%;
}
/* 商品介绍样式 */
.mall {
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
}
.mall_name {
  width: 100%;
  height: 24px;
  font-size: 17px;
  line-height: 24px;
  color: #444;
}
.mall_dec {
  font-size: 14px;
  color: #666;
}
.pay_type {
  font-size: 17px;
  margin: 5px 0;
}
.mall_icon {
  width: 14px;
  height: 14px;
}
.pay_credit {
  color: #ff7100;
}
.pay_price {
  color: #f64665;
}
.mall_item {
  position: relative;
}
.original_price {
  font-size: 12px;
  color: #888;
  text-decoration: line-through;
}
.sell_num {
  font-size: 12px;
  color: #888;
  position: absolute;
  right: 0;
  bottom: 1%;
}
/* tip样式 */
.tip {
  width: 100%;
  height: 48px;
  padding: 16px 0;
  box-sizing: border-box;
}
.tip_img {
  width: 221px;
  height: 17px;
}
</style>


